<template>
  <div id="app">
    <layout>
      <template slot="header">
        <page-header-index/>
      </template>
      <template slot="menu">
        <nav-menu />
      </template>
      <template slot="body">
          <{{ vm.startCaseName }}Page/>
      </template>
      <template slot="footer">
        <page-foot/>
      </template>
    </layout>
  </div>
</template>

<script>

import { mapState } from 'vuex'
import Layout from '_cl/layout-index'
import PageFoot from '_c/PageFoot/page-foot-index'
import NavMenu from '_cl/PageMenu'
import { PageHeaderIndex } from '_cl/PageHeader'
import {{ vm.startCaseName }}Page from './components/{{ vm.startCaseName }}Page'

export default {
  components: {
    Layout,
    PageFoot,
    PageHeaderIndex,
    {{ vm.startCaseName }}Page,
    NavMenu
  },
  data () {
    return {
    }
  },
  computed: {
    ...mapState({
      loadTemplate: state => state.loadTemplate
    })
  },
  created () {
    // console.log(variable.primary)
  },
  methods: {
    onChange (e) {
      console.log(e)
    },
    getTime (time, timeString) {
      console.log(time, timeString)
    }

  }
}
</script>

<style lang="less" scoped >

</style>
